/*主体头部*/
.main_header {
    .main_head_box {
        width: 1180px;
        margin: 0 auto;
        height: 100px;
        background-color: #fff;
    }
}

/*主体头部导航*/
.main_head_box {
    /*logo导航*/
    .head_left {
        float: left;
        display: flex;
        height: 100px;
        align-items: center;
        .logo {
            display: block;
            width: 180px;
            height: 36px;
            background: url(https://p.ssl.qhimg.com/t0102789b8d00c3dfce.png) no-repeat;
            background-size: contain;
        }
        .nav_list {
            li {
                float: left;
            }
        }
        a {
            margin-right: 50px;
            color: #333;
        }
    }
    /*搜索*/
    .head_right {
        float: right;
        position: relative;
        /*搜索框*/
        .search {
            width: 410px;
            height: 34px;
            border: 1px solid #ccc;
            border-radius: 20px;
            margin-top: 20px;
            outline: 0;
            text-indent: 25px;
        }
        p {
            height: 30px;
            line-height: 30px;
            text-align: center;
        }
        a {
            color: #666;
            font-size: 12px;
            margin: 0 5px;
        }
        .search_icon {
            position: absolute;
            top: 26px;
            right: 20px;
            font-size: 24px;
            color: #999;
            cursor: pointer;
        }
    }
    /*商品分类*/
    .category_box {
        width: 1180px;
        height: 530px;
        margin: 0 auto;
        position: relative;
        top: 100px;
    }
}

/*商品分类*/
.category_box {
    .category_left {
        width: 230px;
        height: 530px;
        background: rgba(51, 51, 51, 0.7);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
        p {
            background: rgba(51, 51, 51, 0.6);
        }
        a {
            display: block;
            text-align: center;
            line-height: 50px;
            color: #fff;
        }
        p:hover,
        li:hover {
            background: rgba(51, 51, 51, 0.8);
        }
        .iconfont {
            font-size: 18px;
            color: #ccc;
            margin-left: -5px;
            padding-right: 5px;
        }
    }
    .category_right {
        width: 890px;
        height: 470px;
        padding: 30px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 229px;
        box-shadow: 1px -2px 2px #eee;
        z-index: 200;
        display: none;
        a {
            color: #999;
        }
        .item {
            display: none;
        }
    }
}
